<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h3>引用数据类型 - object </h3>


    <script>    
        
        // 定义对象  {属性: 属性值}
        var obj = {};
        // 对象取值
        // console.log(obj.red);// undefined
        // console.log(obj["red"]);// undefined

        // var str = "red";
        // obj.str; // {str: xxx}    ECMA标准当中，把str当前对象的key
        // obj.red; // {red: xxx}    实际上需要把 "red" 作为key 
        // obj[str]; // {red: xxxx}  实际上需要把 "red" 作为key 
        

        // 数组
        var arr = ["red","green","blue","red"];
        // obj[ "red" ]
        // obj[ arr[0] ]
        console.log( obj[ arr[0] ]); // undefined
        // 如果给对象red 属性赋值，以后遇到  "red" ，
        // 对应的属性值，就不是undefined
        obj[ arr[0] ] = true;
        console.log(obj[ arr[3] ]);// true






    </script>



</body>
</html>